@(id: Long,produits: List[Produit], produitForm: Form[Produit], types: List[Type])

@import helper._

@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.render) } 

@main("Todo list") { 
    <header class="topbar">
        <h1 class="fill" align="center">
            <a href="@routes.Application.index()">
				Plateforme de gestion de catalogue de produits
            </a>
        </h1>
    </header>
    
    @if(flash.containsKey("success")) {
        <div align="center" class="alert-message success">
            <strong>Done!</strong> @flash.get("success")
        </div>
    }else{
	    @if(flash.containsKey("error")){
	    	<div align="center" class="alert-message error">
	            <strong>Done!</strong> @flash.get("error")
	        </div>
	    } 
    }
   
    <h2 style="padding:15px">Add a new produit</h2>
    
    @form(routes.Produits.add(id)) {
    <fieldset>
        @inputText(produitForm("label"), '_label -> "Product name" )
        @inputText(produitForm("prix"), '_label -> "Product price",'format -> "###.##")
        @inputText(produitForm("dateFab"), 'format -> "dd-mm-yyyy", '_label -> "Manufacturing date")
        
        @select(
        	produitForm("typeProd.id"),
        	options(Type.options),
        	'_label -> "Type", '_default -> "-- Choose a Type --",
        	'_showConstraints -> false
        )
        
        <div class="actions">
            <input type="submit" value="Create this product" class="btn primary">            
        </div>
    </fieldset>         
    }
    
    <table style="border:0; cellpadding:0; cellspacing:0; rules:none">
    	@if(produits.size!=0){
    		<tr>
    			<th>PRODUCT NAME</th>
    			<th>PRODUCT PRICE</th>
    			<th>DATE OF MANUFACTURING</th>
    			<th>PRODUCT TYPE</th>
    			<th>OPTIONS</th>
    		</tr>
	     @for(produit <- produits) {
			  <tr>
				  @form(routes.Produits.deleteProduit(produit.id)) {
		    		<td style="border:5;  cellpadding:3; cellspacing:2; rules:none">@produit.label</td>
		    		
		    		<td style="border:5;  cellpadding:3; cellspacing:2; rules:none">@produit.prix</td>
		    		
		    		<td style="border:5;  cellpadding:3; cellspacing:2; rules:none">
			    		@if(produit.dateFab!=null){
			    		@produit.dateFab.format( " dd-mm-yyyy " )}</td>
		    				    		
		    		<td style="border:5;  cellpadding:3; cellspacing:2; rules:none">
			    		@if(produit.typeProd!=null){
			    		@Type.findType((produit.typeProd.id))}</td>
			    		
			    		
			    	<td style="border:0; cellpadding:0; cellspacing:0; rules:none">
			    		<a class="btn small" href="@routes.Fiches.fiches(produit.id)">Voir Fiche</a></td>
				    <td style="border:0; cellpadding:0; cellspacing:0; rules:none"><input class="btn small" type="submit" value="Delete"></td>
				    <td style="border:0; cellpadding:0; cellspacing:0; rules:none"><a class="btn small" href="@routes.Fiches.fiches(produit.id)">Ajouter une fiche</a></td>				    
				    
				    <td style="border:0; cellpadding:0; cellspacing:0; rules:none">
				    	@if(produit.typeProd!=null){
				    		<a class="btn small" href="@routes.Types.editType(produit.typeProd.id)">Ajouter un type</a>
				    	}else{
				    		<a class="btn small" href="@routes.Types.editType(0)">Ajouter un type</a>
				    	}
				    		</td>
			      }
			  </tr>
		}
	 }
	</table>    
}